﻿
<div data-role="page" id="indexpage">

    <link rel="stylesheet" href="__PUBLIC__/ResStatic/CSS/scroll.css">
    <link rel="stylesheet" href="__PUBLIC__/ResStatic/CSS/index.css">
    <script>
        var myScroll;
        function loaded() {
            myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                    document.querySelector('#indicator > li.active').className = '';
                    document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                }
            });
        }

        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>

    <div data-role="header" data-position="fixed">  </div>


    <div data-role="main">

        <!--幻灯片-->
        <div class="ui-grid-a">
            <div class="banner">
                <div id="wrapper">
                    <div id="scroller">
                        <ul id="thelist">
                            <li><a href="javascript:void(0)"><img src="__PUBLIC__/ResStatic/Images/2.jpg" /></a></li>
                            <li><a href="javascript:void(0)"><img src="__PUBLIC__/ResStatic/Images/1.jpg" /></a></li>
                            <li><a href="javascript:void(0)"><img src="__PUBLIC__/ResStatic/Images/3.jpg" /></a></li>
                            <li><a href="javascript:void(0)"><img src="__PUBLIC__/ResStatic/Images/4.jpg" /></a></li>
                        </ul>
                    </div>
                </div>
                <div id="nav">
                    <ul id="indicator">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>

        </div>

        <!--功能-->
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="/mobile/project" style="text-decoration:none" data-transition="slide" data-ajax="false" data-role="none">
                    <div id="btnproject" class="round" style="background-color:rgb(255, 96, 116); height:246px;margin:6px 3px 0px 6px;text-align:center; min-width:100px">

                        <div style="text-align: center;padding-top:10px">
                            <img src="__PUBLIC__/ResStatic/Images/project.png" />
                        </div>
                        <div style="padding-left:5px;padding-top:2px; padding-bottom:2px">软件定制</div>
                        <div style="font-size:12px">优化管理 提升效率</div>
                    </div>
                </a>
            </div>
            <div class="ui-block-b">
                <div>
                    <a href="/mobile/app" style="text-decoration:none" data-transition="slide" data-ajax="false">
                        <div class="round" style="background-color:rgb(61, 153, 255);height:120px;margin:6px 5px 6px 3px;text-align: center;">
                            <div style="padding-top:12px;padding-bottom:2px;">
                                <img src="__PUBLIC__/ResStatic/Images/app.png" />
                            </div>
                            <div style="margin-bottom:4px">手机应用</div>
                        </div>
                    </a>
                    <a href="/mobile/webchat" style="text-decoration:none" data-transition="slide" data-ajax="false">
                        <div class="round" style="background-color:rgb(132, 208, 24);height:120px;margin-left: 3px; margin-right: 6px;text-align:center">
                            <div style="padding-top:12px;padding-bottom:2px;">
                                <img src="__PUBLIC__/ResStatic/Images/wechat.png" />
                            </div>
                            <div style="margin-bottom:4px">微信营销</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- /grid-a -->

        <div class="ui-grid-a">
            <div style="text-align: center; padding: 30px 40px;">
                <img src="__PUBLIC__/ResStatic/Images/fwcn.jpg" width="100%" />
            </div>

        </div>
    </div>


    <div data-role="footer" data-position="fixed" style="height:40px"><h2><a href="tel:15381105360" dat-role="none">联系我们</a></h2></div>

    <script src="__PUBLIC__/ResStatic/JS/index.js" type="text/javascript"></script>
    <script src="__PUBLIC__/ResStatic/JS/scroll.js" type="text/javascript"></script>
</div>
